<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/index.css" type="text/css">
</head>
<body>

<div id="container">
    <div id="header">
        <div id="h_left">
            <span class="h_text">用心做信委人，用爱传家的温馨！</span>
        </div>
        <div id="h_right">
            <form action="" method="">
                <input type="text" placeholder="请输入用户名" name="username" id="user">
                <input type="text" placeholder="请输入密码" name="username" id="password">
                <input type="text" placeholder="请选择类型" name="username" id="type">
                <button type="button" id="login">登陆</button>
            </form>
            <div id="type_list">
                <dl>
                    <dd>教&nbsp;&nbsp;师</dd>
                    <dd>信 息 员</dd>
                    <dd>管 理 员</dd>
                    <dd>学校领导</dd>
                    <dd>学院领导</dd>
                    <dd>学院主席</dd>
                </dl>
            </div>
        </div>
    </div>
    <div id="nav">
        <div id="nav_left">
            <dl>
                <dd><span>我的主页</span></dd>
                <dd><span>公告通知</span></dd>
                <dd><span>新闻动态</span></dd>
                <dd><span>资料下载</span></dd>
                <dd><span>信委风采</span></dd>
            </dl>
        </div>
        <div id="nav_right">
            <input type="text" placeholder="全站搜索" name="username">
            <img src="images/search.jpg" style="position: absolute;left: 1110px;top: 207px">
        </div>
    </div>
    <div id="content">
        <div id="content_con">
            <div id="c_top">
                <div id="c_top_l">
                    <img src="images/big.jpg" alt="">
                </div>
                <div id="c_top_r">
                    <div id="movie">
                        <img src="images/movie.jpg" alt="">
                    </div>
                    <div id="fb_pic"></div>
                </div>
            </div>
            <div id="c_mid">
                <div id="c_mid_l">
                    <div id="wb">
                        <div id="wb_top">
                            <span class="name">华农大教学信息委员会</span>
                            <div><span class="dz">广东 广州</span></div>
                            <button type="button">+加关注</button>
                        </div>
                        <div id="wb_bottom">
                            <span style="position: relative;top: 3px;left: 5px;font-weight: 200;font-size: 14px;color: #878787;">15说一声再见。再见。2015！</span>
                            <img src="images/bye.jpg" alt="">
                            <span class="date" style="position: relative;top: 30px;left: -140px"><a href="#">2015-12-31 21:43</a></span>
                            <span class="date" style="position: relative;top: 30px;left: -32px"><a href="#">转发</a></span>
                            <div><span class="date" style="position: relative;top: 12px;left: 250px"><a href="#">评论</a></span></div>
                        </div>
                    </div>
                    <div id="wj">
                        <div id="wj_l">
                            <img src="images/wx.jpg" alt="">
                        </div>
                        <div id="wj_r">
                            <span><a href="#">问卷----<br>关于信息员对反馈<br>工作意见的调查</a></span>
                        </div>
                    </div>
                </div>
                <div id="c_mid_r">
                    <div id="ga" class="article">
                        <ul>
                            <h2>通知公告</h2>
                            <li><span><a href="#">华南农业大学第14届信息员代表大会活动证明</a></span></li>
                            <li><span><a href="#">关于表彰2014-2015学年学生教学信息工作先进分会、优秀教学信息学生干部 </a></span></li>
                            <li><span><a href="#">关于做好2014—2015学年下学期教学信息日常反馈及期中反馈</a></span></li>
                            <li><span><a href="#">华南农业大学第14届信息员代表大会活动证明</a></span></li>
                            <li><span><a href="#">关于表彰2014-2015学年学生教学信息工作先进分会、优秀教学信息学生干部</a></span></li>
                            <li><span><a href="#">华南农业大学第14届信息员代表大会活动证明</a></span></li>
                            <li><span><a href="#">关于表彰2014-2015学年学生教学信息工作先进分会、优秀教学信息学生干部 </a></span></li>
                            <li><span><a href="#">关于做好2014—2015学年下学期教学信息日常反馈及期中反馈</a></span></li>
                            <li><span><a href="#">华南农业大学第14届信息员代表大会活动证明</a></span></li>
                            <li><span><a href="#">关于表彰2014-2015学年学生教学信息工作先进分会、优秀教学信息学生干部</a></span></li>
                        </ul>
                    </div>
                    <!--<div id="dt" class="article">-->
                        <!--<ul>-->
                            <!--<h2>新闻动态</h2>-->
                            <!--<li><span><a href="#">华南农业大学第14届信息员代表大会活动证明</a></span></li>-->
                            <!--<li><span><a href="#">关于表彰2014-2015学年学生教学信息工作先进分会、优秀教学信息学生干部 </a></span></li>-->
                            <!--<li><span><a href="#">关于做好2014—2015学年下学期教学信息日常反馈及期中反馈</a></span></li>-->
                            <!--<li><span><a href="#">华南农业大学第14届信息员代表大会活动证明</a></span></li>-->
                            <!--<li><span><a href="#">关于表彰2014-2015学年学生教学信息工作先进分会、优秀教学信息学生干部</a></span></li>-->
                        <!--</ul>-->
                    <!--</div>-->
                    <!--<div id="document" class="article">-->
                        <!--<ul>-->
                            <!--<h2>相关文件</h2>-->
                            <!--<li><span><a href="#">华南农业大学第14届信息员代表大会活动证明</a></span></li>-->
                            <!--<li><span><a href="#">关于表彰2014-2015学年学生教学信息工作先进分会、优秀教学信息学生干部 </a></span></li>-->
                            <!--<li><span><a href="#">关于做好2014—2015学年下学期教学信息日常反馈及期中反馈</a></span></li>-->
                            <!--<li><span><a href="#">华南农业大学第14届信息员代表大会活动证明</a></span></li>-->
                            <!--<li><span><a href="#">关于表彰2014-2015学年学生教学信息工作先进分会、优秀教学信息学生干部</a></span></li>-->
                        <!--</ul>-->
                    <!--</div>-->
                </div>
            </div>
            <div id="c_footer">
                <div id="pic_1" class="pic">
                    <img src="images/1.jpg" alt=""/>
                    <img src="images/2.jpg" alt=""/>
                    <img src="images/3.jpg" alt=""/>
                    <img src="images/4.jpg" alt=""/>
                </div>
                <!--<div id="pic_2" class="pic">-->
                    <!--<img src="images/1.jpg" alt=""/>-->
                    <!--<img src="images/2.jpg" alt=""/>-->
                    <!--<img src="images/3.jpg" alt=""/>-->
                    <!--<img src="images/4.jpg" alt=""/>-->
                <!--</div>-->
                <!--<div id="pic_3" class="pic">-->
                    <!--<img src="images/1.jpg" alt=""/>-->
                    <!--<img src="images/2.jpg" alt=""/>-->
                    <!--<img src="images/3.jpg" alt=""/>-->
                    <!--<img src="images/4.jpg" alt=""/>-->
                <!--</div>-->
            </div>
        </div>
    </div>
    <div id="footer">
        <div id="f_content">
            <dl>
                <dt>组织社团</dt>
                <dd><a href="#">校学生会</a></dd>
                <dd><a href="#">校社团联合会</a></dd>
                <dd><a href="#">校科联</a></dd>
            </dl>
            <dl>
                <dt>组织社团</dt>
                <dd><a href="#">校学生会</a></dd>
                <dd><a href="#">校社团联合会</a></dd>
                <dd><a href="#">校科联</a></dd>
            </dl>
            <dl>
                <dt>信息服务</dt>
                <dd><a href="#">校园资讯</a></dd>
                <dd><a href="#">校学生会</a></dd>
                <dd><a href="#">校科联</a></dd>
            </dl>
        </div>
    </div>
    <div id="copy">
        <p>华南农业大学行政办公楼三楼01室 | xinxiwork@163.com</p>
        <p>Copyright © 2014-2015 大学生勤工助学服务队 version 1.0 Powered by 华南农业大学勤工助学服务队</p>
    </div>
</div>


</body></html>